<?if(strpos($_SERVER['PHP_SELF'],"module/")>0):?>
<html><head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<script src='<?=_P("application/views/scripts/jquery-1.5.1.js")?>'></script> 
</head>
<body>
<?endif;?>
<?if(!isset($this->webim_panel_model)):?>
<link rel="stylesheet" href="<?=_P("application/views/scripts/jquery_plugins/jquery_ui/themes/base/jquery.ui.all.css")?>">
<script src='<?=_P("application/views/scripts/jquery_plugins/jquery_ui/jquery.ui.core.js")?>'></script> 
<script src='<?=_P("application/views/scripts/jquery_plugins/jquery_ui/jquery.ui.widget.js")?>'></script> 
<script src='<?=_P("application/views/scripts/jquery_plugins/jquery_ui/jquery.ui.mouse.js")?>'></script> 
<script src='<?=_P("application/views/scripts/jquery_plugins/jquery_ui/jquery.ui.draggable.js")?>'></script> 
<script>
$(document).ready(function(){
	$('.webim_table').click(function(){
		var next = $(this).next();
		if(next.css('display') == 'none')
		{
			next.css('display','');
		}
		else
		{
			next.css('display','none');
		}
	});
});
</script>

<?$this->webim_panel_model=true;endif;?>  

<style type="text/css">
        .contentheading_floatList { font-family: "Arial"; font-size: 12px; color: #000000; text-decoration: none; line-height: 22px; font-weight: normal; text-indent: 4pt; }
        .contentheading_floatList_03 { font-family: "Arial"; font-size: 12px; color: #0088E4; text-decoration: none; line-height: 22px; font-weight: normal; } 
        .contentheading_floatList_04 { font-family: "Arial"; font-size: 12px; color: #000000; text-decoration: none; line-height: 22px; font-weight: bold; }  
        .form_floatList_01 { background-color: #fff;} 
        .row_floatList_0 { background:#fff; }   
        .call365_th_floatList_02 { color:#151515; font-weight:bold; font-family: "Arial"; text-indent: 4pt; line-height: 15px; font-size: 12px; }  
        .call365_th_floatList_01 { color:#0880AE; font-weight:bold; font-family: "Arial"; text-indent: 4pt; line-height: 15px; font-size: 12px; }  
        .call365_form_invite { background-color:#3A7AA4; }  
        .call365_form_invite .form_floatList_02{ background-color:#94D0F9; }  
        .call365_form_invite .th_floatList{ background:url(http://chat3.365webcall.com/image/style/floatlist/002_58B7F6.gif); padding:3px 0; color:#151515; font-weight:bold; font-family: "Arial"; text-indent: 4pt; line-height: 15px; font-size: 12px; }  
        .call365_form_invite .th_floatList_01{ background:url(http://chat3.365webcall.com/image/style/floatlist/003_58B7F6.gif); padding:3px 0; color:#0880AE; font-weight:bold; font-family: "Arial"; text-indent: 4pt; line-height: 15px; font-size: 12px; }  
        .call365_form_invite .th_floatList_02{ background:url(http://chat3.365webcall.com/image/style/floatlist/002_58B7F6_1.gif); padding:3px 0; color:#151515; font-weight:bold; font-family: "Arial"; text-indent: 4pt; line-height: 15px; font-size: 12px; }  
        .call365_form_invite .th_floatList_03{  color:#151515; font-weight:bold; font-family: "Arial"; text-indent: 4pt; line-height: 15px; font-size: 12px; }  
        .call365_form_invite .td_floatList{ background:#DFF1FD; }  
        .call365_form_invite .td_floatList_02{ background:url(http://chat3.365webcall.com/image/style/floatlist/002_58B7F6_0.gif); }  
        .call365_form_invite td{ padding:0; BORDER: 0px; } 
        .webcall_form_floatlist3 {	font-family: 微软雅黑, Arial, Verdana, Geneva, sans-serif;	font-size:12px; }
        .webcall_form_floatlist3 .webcall_title{	height:32px;	background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/001.gif) repeat-x left top;	font-size:13px;	font-weight:bold;	line-height:26px;	color:#fff;}
        .webcall_form_floatlist3 .webcall_title1{	font-size:13px;	font-weight:bold;	line-height:26px;	color:#fff;}
        .webcall_form_floatlist3 .webcall_td_01{    border-left:1px solid #CCDBED;	border-right:1px solid #CCDBED;	border-bottom:1px solid #CCDBED;}
        .webcall_form_floatlist3 .webcall_table{    border:1px solid #fff;	background:#E9EDF2 url(http://chat3.365webcall.com/image/style/floatlist/263D68/002.gif) repeat-x left top;	height:62px;}
        .webcall_form_floatlist3 .webcall_text01{    color:#044F94;	font-weight:bold;	font-size:12px;	line-height:22px;	text-indent: 3pt;}
        .webcall_form_floatlist3 .webcall_td_02{    background:#506DA0 url(http://chat3.365webcall.com/image/style/floatlist/263D68/009.gif) repeat-x left top;	height:77px;	padding: 8px 8px 5px 10px;}
        .webcall_form_floatlist3 .webcall_text02{    color:#C6D1E4;	font-weight:bold;	font-size:12px;	line-height:18px;}
        .webcall_form_floatlist3 .webcall_text03{    color:#C6D1E4;	font-size:12px;	line-height:18px;}
        .webcall_form_floatlist3 .webcall_text{	font-size:12px;	line-height:22px;}
        .webcall_form_floatlist3 .webcall_text04{    color:#044F94;	font-size:12px;	line-height:22px;	text-indent: 3pt;}
        .webcall_form_floatlist3 .webcall_text05{    color:#717171;	font-size:12px;	line-height:22px;	text-indent: 3pt;}
        .webcall_form_floatlist3 .webcall_td_03{    background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/010.gif) repeat-x left top;	height:26px;}
        .webcall_form_floatlist3 .webcall_table_01{    border:1px solid #fff;	background:#E9EDF2 url(http://chat3.365webcall.com/image/style/floatlist/263D68/011.gif) repeat-x left top;	height:31px;}
        .webcall_form_floatlist3 .webcall_close{    height:11px;    width:10px;    font-size:1px;    background-image:url(http://chat3.365webcall.com/image/style/floatlist/263D68/close0.gif);}
        .webcall_form_floatlist3 .webcall_logo{    height:26px;     width:67px;    background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/logo.gif) no-repeat left top;}
        .webcall_form_floatlist3 .webcall_titlea{	height:32px;	width:3px;	background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/001a.gif) no-repeat left top;}
        .webcall_form_floatlist3 .webcall_titleb{	height:32px;	width:4px;	background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/001b.gif) no-repeat left top;}
        .webcall_form_floatlist3 .webcall_td_03a{	height:26px;	width:3px;	background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/010a.gif) no-repeat left top;}
        .webcall_form_floatlist3 .webcall_td_03b{	height:26px;	width:4px;	background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/010b.gif) no-repeat left top;}
        .webcall_form_floatlist3 .webcall_divArrow_d{	height:19px;	width:14px;    margin-top:4px;	background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/003.gif) no-repeat;}
        .webcall_form_floatlist3 .webcall_divArrow_r1{	height:19px;	width:14px;    margin-top:4px;	background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/003r1.gif) no-repeat;}
        .webcall_form_floatlist3 .webcall_divArrow_r2{	height:19px;	width:14px;    margin-top:4px;	background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/003r2.gif) no-repeat;}
        .webcall_form_floatlist3 .webcall_divChatLogo{	height:16px;	width:18px;	background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/004.gif) no-repeat;}
        .webcall_form_floatlist3 .webcall_ico{    height:11px;     width:11px;    font-size:1px;    background-image:url(http://chat3.365webcall.com/image/style/floatlist/263D68/ico_01.gif);}
        .webcall_form_floatlist3 .webcall_shopex_logo{    height:26px;     width:67px;    background:url(http://chat3.365webcall.com/image/style/floatlist/263D68/shopex_logo.gif) no-repeat left top;} 
</style>
<?$guid = guid();?>

<style>
#draggable_<?=$guid?> {position:absolute;border:0px;}
#webcall_message_show_<?=$guid?>{position:absolute;border:0px;}
</style>

<script>
$(function() {
	var draggable_id = "draggable_{guid}";
	var d_ob = $( "#" + draggable_id);
	var btn_msg_show_id = "webcall_message_show_{guid}";
	var msg_show_ob = $('#' + btn_msg_show_id) ; 
	d_ob.draggable();
	var doc_width = $(document.body).width();
	var draggable_div_width = d_ob.width();
	// alert(draggable_div_width) ; 
	d_ob.css('left',doc_width - draggable_div_width); 
	d_ob.css('top',100) ; 
	d_ob.css('z-index',100) ; 
	msg_show_ob.css('left',doc_width - 20); 
	msg_show_ob.css('top',100); 
	msg_show_ob.css('z-index',80); 
	msg_show_ob.css('display','none');
	$(window).scroll(function(){
		d_ob.css('top',$(document).scrollTop()+100); 
		msg_show_ob.css('top',$(document).scrollTop()+100); 
	});

	$(".webcall_close").click(function(){
		d_ob.css('display','none');
		msg_show_ob.css('display','');
	})

	msg_show_ob.click(function(){
		d_ob.css('display','');
		d_ob.css('z-index','9999');
		// alert(d_ob.height());
		msg_show_ob.css('display','none');
	});
});
</script>
<script>

</script>
<div id="draggable_<?=$guid?>" class="ui-widget-content">
	<table width="175" border="0" cellspacing="0" cellpadding="0" class="webcall_form_floatlist3"><tbody>
		<tr><td align="center" valign="top">
			<table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr>
				<td width="3" class="webcall_titlea">
				</td>
				<td width="168" align="center" valign="top" class="webcall_title">
					<table width="157" border="0" cellspacing="0" cellpadding="0"><tbody><tr>
						<td align="left" class="webcall_title1">在线客服
						</td>
						<td width="11" align="right" valign="middle">
							<div class="webcall_close" role="button">
								
							</div>
						</td>
					</tr></tbody></table>
				</td>
				<td width="4" class="webcall_titleb">
				</td>
			</tr></tbody></table>
		</td></tr>
		<tr>
			<td class="webcall_td_01">
				<table width="100%" border="0" cellpadding="0" cellspacing="0" class="webcall_table" id="_365call_listTop_parent.OnlineSupport_365webcall_27439_0"><tbody><tr>
					<td align="center" valign="middle">
						<table width="154" border="0" cellspacing="0" cellpadding="0" id="_365call_listGroup_parent.OnlineSupport_365webcall_27439_0"><tbody><tr>
							<td align="right">
								<table width="147" border="0" cellspacing="0" cellpadding="0"><tbody><tr>
									<td colspan="3" align="left" class="webcall_text">
										<a>
										<img alt="欢迎咨询" src="http://chat3.365webcall.com/UserStatus.aspx?settings=mw7mbbmmImwNbPz3ANX6PNz3AX0b7wz3Am6mmmw&amp;LL=0" border="0">
										</a>
									</td>
								</tr></tbody></table>
							</td>
						</tr></tbody></table>
					</td>
				</tr></tbody></table>
			</td>
		</tr>
		<?php
			$webim_classses = $this->db->get("webim_class")->result();
			//print_r($webim_classses);
		?>
		<?php foreach($webim_classses as $webim_class):?>
		<tr>
			<td class="webcall_td_01">
				<table width="100%" border="0" cellpadding="0" cellspacing="0" class="webcall_table_01" id="_365call_listTop_parent.OnlineSupport_365webcall_27439_12"><tbody><tr>
					<td align="center" valign="middle">
						<table class="webim_table" width="154" border="0" cellspacing="0" cellpadding="0" style="cursor: pointer" );"><tbody><tr>
							<td width="14">
								<div class="webcall_divArrow_d" style="display: none; " id="_365call_listGroup_img_down_parent.OnlineSupport_365webcall_27439_12">
								</div>
								<div class="webcall_divArrow_r1" id="_365call_listGroup_img_up_parent.OnlineSupport_365webcall_27439_12" style="display: block; ">
								</div>
							</td>
							<td align="left" class="webcall_text01">
								<span><?=$webim_class->title?></span>
							</td>
							<td width="18">
								<div class="webcall_divChatLogo">
								</div>
							</td>
						</tr></tbody></table>
						<?php 
						$webims = $this->db->get_where("webim",array('class_id'=>$webim_class->id))->result();
						// print_r($webims);
						?>
						<table width="154" border="0" cellspacing="0" cellpadding="0" id="_365call_listGroup_parent.OnlineSupport_365webcall_27439_12" style="display: none; "><tbody><tr>
							<td align="right">
								<table width="147" border="0" cellspacing="0" cellpadding="0"><tbody><tr>
									<td colspan="3" align="left" class="webcall_text">
									<?php foreach($webims as $webim):?>
										<?=$webim->show_html ?>
									<?php endforeach;?>
									</td>
								</tr></tbody></table>
							</td>
						</tr></tbody></table>
					</td>
				</tr></tbody></table>
			</td>
		</tr>
		<?php endforeach;?> 
		<tr style="display:none;">
			<td align="left" valign="middle" class="webcall_td_02 webcall_text03">
			</td>
		</tr>
		<tr>
			<td><table width="100%" border="0" cellspacing="0" cellpadding="0"><tbody><tr>
				<td width="3" class="webcall_td_03a">
				</td>
				<td class="webcall_td_03" align="right">
					<div class="webcall_shopex_logo" style="margin-right:5px; ">
						<a href="http://www.shopex.cn" target="_blank">
							<img src="http://chat3.365webcall.com/image/noimage.gif" border="0" height="26px" width="67px">
						</a>
					</div>
				</td>
				<td width="4" class="webcall_td_03b">
				</td>
			</tr></tbody></table></td>
		</tr>
	</tbody>
	</table>
	<script type="text/javascript">
	function $365call_get(obj) {        
		var element = null;        
		if (document.getElementById) {element = document.getElementById(obj);}        
		else if (document.all) {element = document.all[obj];}        
		else if (document.layers) {element = document.layers[obj];}        
		return element;    
		}
	function _365call_showCont(o, c){        
		var e=$365call_get(o);
		if(e)	e.innerHTML=c;    
		}
	function _365call_collapse(listGroup) {
		lg = $365call_get(listGroup);
		if (lg)            lg.style.display = lg.style.display == "none" ? "" : "none";    
		}
	function _365call2_collapse(listGroup, listGroup_img_up, listGroup_img_down, listTop) {
		var lg = $365call_get(listGroup);
		if (lg)            lg.style.display = lg.style.display == "none" ? "" : "none";
		if (typeof (listTop) != "undefined") {
			lt = $365call_get(listTop);
			if (lt && lg)     lt.className = lg.style.display == "none" ? "webcall_table_01" : "webcall_table";    
			}
		var lmg_up = $365call_get(listGroup_img_up);
		var lmg_down = $365call_get(listGroup_img_down);
		if (lmg_up && lmg_down && lg) {
			if (lg.style.display == "none") {
				lmg_down.style.display = "none";
				lmg_up.style.display = "block";
				}
			else {
				lmg_up.style.display = "none";
				lmg_down.style.display = "block";
				}
			}
		}    
	</script>
</div>

<div id="webcall_message_show_{guid}" style="display: block; ">
	<div style="width: auto; height: auto; background-color: transparent; overflow-x: hidden; overflow-y: hidden; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; border-image: initial; margin-right: 0px; margin-left: 0px; ">
		<div style="cursor: pointer; " onmouseover="javascript:OnlineSupport_365webcall_27439._365call_minIcon_Float.hide();javascript:OnlineSupport_365webcall_27439.Show();">
			<img src="http://chat3.365webcall.com/image/style/min/m7_R.png" border="0">
		</div>
	</div>
</div>

<?if(strpos($_SERVER['PHP_SELF'],"module/")>0):?>
</body></html> 
<?endif;?>